@import "../common/reset.scss";

body{
    font: normal 12px "微软雅黑",Arial,sans-serif;
}
.container{
    background: #fafafa;
    width: 100%;
    .header{
        margin: 0px 80px;
        height:42px;
        line-height: 40px;
        font-size: 12px;
        .header-l{
            display: flex;
            float:left;
            .logo{
                display: block;
                float: left;
                height: 42px;
                width: 181px;
                background: url(http://img.anta.cn/sources/NewEdition/2015newimages/logo.gif) no-repeat;
                background-size: 100%;
            }
            p{
                padding: 0 10px;
                a{
                    padding: 0 10px;
                }
            }
        }
        .header-r{
            float:right;
            ul{
                display: flex;
                :nth-child(4){
                    color:#dd0000;
                }
                li{
                    margin:0 10px;
                    a{
                        .icon{
                            display: inline-block;
                            width: 12px;
                            height: 15px;
                            margin-right: 5px;
                            margin-bottom: -2px;
                        }
                        .icon-star{
                            background: url(http://img.anta.cn/sources/NewEdition/images/20130725.png) no-repeat 0 0;
                        }
                        .icon-shop{
                            background: url(http://img.anta.cn/sources/NewEdition/2015newimages/mui-global-iconfont.gif) no-repeat;
                        }
                    }
                }
            }
        }
    }
}
.header-simple{
    border-bottom: 2px solid #F3EBEB;
    .main{
        width: 1190px;
        margin: 0 auto;
        padding: 20px 0 10px;
        height: 72px;
    }
}
.cartBox{
    .cartBox-container{
        width: 1050px;
        margin: 40px auto;
        .cartBox-title{
            width:100%;
            height: 32px;
            span{
                font-size: 20px;
                line-height: 24px;
                font-weight: bold;
                float: left;
                width: 115px;
                vertical-align: middle;
            }
            img{
                vertical-align: middle;
            }
        }
        .cartBox-List{
            width: 100%;
            table-layout:fixed;
            border-collapse: collapse;
            border-spacing: 0;
            thead{
                vertical-align: middle;
                tr{
                    background-color: #F5F5F5;
                    height: 30px;
                    td{
                        padding: 15px 0;
                        text-align: center;
                    }
                }
            }
            tbody{
                tr{
                    border-bottom: 1px solid #ccc;
                    td{
                        vertical-align: middle;
                        border-top: 0px solid #ccc;
                        padding: 15px 0;
                        text-align: center;
                    }
                    .goodsImg{
                        img{
                            width:50px;
                            height:50px;
                        }
                    }
                    .goodsDesc{
                        font-size: 16px;
                        color: #333;
                    }
                    .goodsAccount{
                        width: 140px;
                        height: 30px;
                        line-height: 30px;
                        margin: 0 auto;
                        border: 1px solid #ddd;
                        input{
                            float: left;
                            width: 78px;
                            height: 28px;
                            border:none;
                            text-align: center;
                            border: 1px solid #ccc;
                            border-top: 0;
                            border-bottom: 0;
                        }
                        a{
                            float: left;
                            width: 30px;
                            height: 30px;
                            line-height: 27px;
                            text-align: center;
                            font-size: 18px;
                            background-color: #f5f5f5;
                        }
                    }
                }
            }
        }
        .cart_toolbar{
            width:100%;
            .cart_toolbar-l{
                height: 60px;
                display: flex;
                align-items: center;
                float: left;
                a{
                    color: #005ea7;
                    margin: 0 10px;
                    display: block;
                    float: left;
                }
            }
            .cart_toolbar-r{
                margin-right:25px;
                height: 60px;
                line-height: 60px;
                float: right;
                width:170px;
                align-items: center;
                p{
                    font-size: 16px;
                    float: left;
                }
                i{
                    font-size: 22px;
                    color:#d00;
                    float: right;
                }
                span{
                    font-size: 22px;
                    color:#d00;
                    display: block;
                    float: right;
                }
            }
            .cart_total{
                border-top: 1px solid #ccc;
                clear: both;
                width:100%;
                height:68px;
                background-color: #F5F5F5;
                display: flex;
                justify-content: flex-end;
                align-items: center;
                .continue{
                    display: inline-block;
                    width: 130px;
                    height: 35px;
                    margin-right: 10px;
                    line-height: 35px;
                    text-align: center;
                    border-radius: 2px;
                    background-color: #fff;
                    border: 1px solid #ccc;
                }
                .submit{
                    background-color: #d00;
                    border: 1px solid #d00;
                    color: #fff;
                    cursor: pointer;
                    display: inline-block;
                    width: 130px;
                    height: 35px;
                    margin-right: 10px;
                    line-height: 35px;
                    text-align: center;
                    border-radius: 2px;
                }
            }
        }
    }
}

.footer{
    border-top:2px solid #ccc;
    height:371px;
    width:100%;
    >ul{
        >li:first-child{
            margin-left: 89px;
        }
        >li:last-child{
            width: 150px;
        }
        >li{
            width: 214px;
            height:311px;
            float: left;
            >ul{
                .title{
                    margin-top: 38px;
                    line-height: 33px;
                    font-weight: bold;
                    font-size: 16px;
                }
                >li{
                    line-height: 30px;
                    font-size: 12px;
                }
            }
        }  
    }
    .connect{
        width:467px;
        height:242px;
        float: right;
        margin-top:30px;
        padding:8px 0 3px 100px;
        box-sizing: border-box;
        border-left: 2px solid #dbdbdb;
        h4{
            font-weight: bolder;
            font-size: 16px;
            line-height: 32px;
            color: #000;
        }
        p{
            margin: 5px 0 15px;
            display: block;
            height: 40px;
            width: 250px;
            background: url(http://img.anta.cn/sources/NewEdition/2015newimages/service-icon.png) -10px -15px no-repeat;
        }
        a{
            margin-bottom: 10px;
            display: block;
            height: 25px;
            width: 135px;
            border: 1px #bdbdbd solid;
            border-radius: 5px;
            i{
                display: inline-block;
                height: 25px;
                width: 37px;
                background: url(http://img.anta.cn/sources/NewEdition/2015newimages/service-icon.png) -7px -181px no-repeat;
            }
            span{
                display: inline-block;
                height: 25px;
                line-height: 25px;
                margin-left: 15px;
                color: #000;
                font-size: 14px;
                vertical-align: top;
            }
        }
        li{
            list-style: none;
            height: 90px;
            width: 90px;
            background: url(http://img.anta.cn/sources/NewEdition/2015newimages/qr-code.jpg) no-repeat;
        }
    }
    .bottom{
        height:60px;
        width:100%;
        background: #000;
        clear: both;
        padding:0 80px;
        box-sizing: border-box;
        .list1{
            float: left;
            span{
                display: block;
                float: left;
                color: #fff;
                line-height: 60px;
                font-size:12px;
            }
            .copyright{
                margin-right: 15px;
            }
            .company-name{
                margin-right: 20px;
            }
            .police-img{
                height: 33px;
                width: 34px;
                margin-top: 10px;
                margin-right: 20px;
                float:left;
            }
        }
        .list2{
            float: right;
            color:#fff;
            display: flex;
            line-height:60px;
            font-size: 12px;
            a{
                padding:0 5px;
            }
        }
    }
}